;(function( $, window, document, undefined ) {

    $(document).ready(function() {
        //创建Grid
        if( $.fn.dataTable ) {
                oTable = $('.mws-datatable-fn').dataTable( {
                "aaSorting" : [ [ 0, "asc" ], [ 1, "desc" ] ],// 指定按多列数据排序的依据
                "sPaginationType" : "full_numbers", // default two_button 分页样式
//              "iDisplayStart" : 1,
                "iDisplayLength" : 2,// default 10 每页的行数
                "bServerSide" : true,// default false 使用server端控制
                "oLanguage": { //国际化配置  
                    "sProcessing" : "正在获取数据，请稍后...",    
                    "sLengthMenu" : "显示 _MENU_ 条",    
                    "sZeroRecords" : "没有您要搜索的内容",    
                    "sInfo" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
                    "sInfoEmpty" : "记录数为0",    
                    "sInfoFiltered" : "(全部记录数 _MAX_ 条)",
                    "sInfoPostFix" : "",    
                    "sSearch" : "搜索 &nbsp;&nbsp;&nbsp;",
                    "sUrl" : "",    
                    "oPaginate": {    
                        "sFirst" : "第一页",
                        "sPrevious" : "上一页",
                        "sNext" : "下一页",
                        "sLast" : "最后一页"
                    }
                },
                "sAjaxSource" : '/xpanda.view/sysmgr/sysuser1/searchList',// ajax数据源
                // 这个为选择每页的条目数，当使用一个二维数组时，二维层面只能有两个元素，第一个为显示每页条目数的选项，第二个是关于这些选项的解释
                "fnServerData" : function(sSource, aoData, fnCallback) {
                    $.ajax({
                        "dataType" : 'json',
                        "type" : "POST",
                        "url" : sSource,
                        "data" : {
                            _dt_json : JSON.stringify(aoData)
                         },
                         "success" : fnCallback
                     });
                },
                "fnRowCallback" : function(nRow, aData, iDisplayIndex) {
                    $(nRow).click(function() {
                        $(oTable.fnSettings().aoData).each(function() {
                            $(this.nTr).removeClass('row_selected');
                        });
                        if ($(this).hasClass('row_selected')){
                            $(this).removeClass('row_selected');
                        }else{
                            $(this).addClass('row_selected');
                        }
                    });
                    return nRow;
                },
                "fnFooterCallback" : function(nRow, aaData, iStart, iEnd, aiDisplay) {
                // foot回调函数
                },
                "fnDrawCallback" : function(oInstance, oSettings, json) {
                
                },
                "fnPreDrawCallback" : function(oInstance, oSettings, json) {
                
                },
                "fnInitComplete" : function(oInstance, oSettings, json) {
                    console.log("com");
                    console.timeStamp();
                },
                "aoSearchCols" : [ null, {
                    "sSearch" : "keyword",
                    "bRegex" : true
                }, null, null, null, null, {
                    "sSearch" : "keyword2",
                    "bRegex" : false
                } ],
                "aoColumns" : [{
                    "mDataProp" : "id",
                    "sDefaultContent" : "", //此列默认值为""，以防数据中没有此值，DataTables加载数据的时候报错
                    "bVisible" : false //此列不显示
                }, {
                    "mDataProp" : "loginId",
                    "sTitle" : "账号",
                    "sDefaultContent" : "",
                    "sClass" : "center"
                }, {
                    "mDataProp" : "userName",
                    "sTitle" : "用户名",
                    "sDefaultContent" : "",
                    "sClass" : "center"
                }, {
                    "mDataProp" : "userStatus",
                    "sTitle" : "用户状态",
                    "sDefaultContent" : "",
                    "sClass" : "center"
                }, {
                    "mDataProp" : "oper",
                    "sTitle" : "操作",
                    "sDefaultContent" : "",
                    "sClass" : "center"
                }]
            } );
        };
        // 创建查询区域
        $( '.mws-panel.mws-collapsible' ).each(function(i, element) {
            var p = $( element ),	
                header = p.find( '.mws-panel-header' );
            if( header && header.length) {
                var btn = $('<div class="mws-collapse-button mws-inset"><span></span></div>').appendTo(header);
                $('span', btn).on( 'click', function(e) {
                    var p = $( this ).parents( '.mws-panel' );
                    if( p.hasClass('mws-collapsed') ) {
                        p.removeClass( 'mws-collapsed' )
                        .children( '.mws-panel-inner-wrap' ).hide().slideDown( 250 );
                        } else {
                            p.children( '.mws-panel-inner-wrap' ).slideUp( 250, function() {
                                p.addClass( 'mws-collapsed' );
                                });
                            }
                    e.preventDefault();
                    });
                }
			if( !p.children( '.mws-panel-inner-wrap' ).length ) {
				p.children( ':not(.mws-panel-header)' )
					.wrapAll( $('<div></div>').addClass( 'mws-panel-inner-wrap' ) );
			}
		});
    });
    //创建下来选择控件
    if( $.fn.select2 ) {
        $("select.mws-select2").select2();
    }
    //创建时间控件
    if( $.fn.datepicker ) {
        $(".mws-datepicker-wk").datepicker({
            showOtherMonths: true,
            showWeek: true
        });
    }
}) (jQuery, window, document);